@charset "utf-8";
#container {
	width:1107;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/wood.png);
}
#container #header {
		
	background-color:#004184;
	height:220px
/* Phần điều khiển header*/	
}
#container #header #khung{
	width:1100px;
	height:210px;
	float:left;
}
#container #header #khung #khunglogo{
	width:300px;
	height:100px;
	margin-top:70px;
	margin-left:7px;
	background-color:#004184;
	float:left;
}
#container #header #khung #chenhinh{
	width:786px;
	height:211px;
	background-color:#004184;
	float:left;
	margin-top:5px;
	
	
	}
	
/* Phần kết thúc điều khiển header*/

#container #navigation {
	background-image: url(images/wood.png);
	height:57px;	
}
	
#container #khoangtrang1 {
	background-image: url(images/wood.png);
	height:2px;
}
#container #contain #danhmucsp {
	background-color:#C5E7FD;
	height:40px;
}
/* Phần điều khiển phần hàng ưu thích*/
#container #contain #hanguuthich{
	background-color:#903;
	float:right;
	width:200px;
	height:40px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #hanguuthich #khunghanguuthich{
	width:150px;
	height:10px;
	margin-left:40px;
	margin-top:6px;
}
#container #contain #hanguuthich #khunghanguuthich a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
/* Phần kết thúc điều khiển kiểu chữ trong phần hàng ưu thích*/
#container #contain #right #show{/* Trình diễn các sản phẩm bán chạy như sensor*/
	background-color:#FFF;
	height:400px;
	margin-top:42px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}


#container #contain #left {
	background-image: url(images/wood.png);
	float:left;
	width:200px;
	height:836px;
	}
	
#container #contain #left #infomation{
	width:200px;
	height:40px;
	background-color:#E6E6E8;
	margin-top:5px;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #infomation #khung{
	width:200px;
	height:20px;
	margin-left:0px;
	background-color:#D3D5D9;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #khung{
	width:200px;
	height:200px;
	margin-top:5px;
	background-color:#FFF;
}
#container #contain #left #khung #hinh{
	width:190px;
	height:190px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	background-color:#fff;
	
}	
#container #contain #right{
	background-image: url(images/wood.png);
	float:right;
	
	width:200px;
	height:440px;
}
#container #contain #right #show{
	margin-top:0px;
}
/* Phần đầu điều khiển file flash phần hàng bán nhiều*/
#container #contain #right #show #chenflash{
	width:198px;
	height:400px;
	margin-top:5px;
	margin-left:0px;
	background-color:#FFF;
	float:left;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #right #show #chenflash #dieukhienflash{
	margin-top:5px;
	margin-left:30px;
}

#container #contain #millder{
	background-color:#FFF;
	float:left;
	margin-left:3px;
	margin-top:0px;	
	width:694px;
	height:auto;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}




#container #contain #under-right{
	background-color:#EBEBEB;
	float:right;
	width:200px;
	height:384px;
	margin-top:15px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần điều khiển nội dung công trình*/
#container #contain #under-right #khungchu{
	width:100px;
	height:20px;
	margin-left:60px;
	background-color:;
}
#container #contain #under-right #khungchu a{
	font-family:"Pacifico", arial, serif;
	color:#990033;
}
#container #contain #under-right #chenhinh{
	width:190px;
	height:344px;
	margin-top:13px;
	margin-left:5px;
	background-color:000;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần đầu, phần điều khiển mục hãng sản xuất*/
#container #contain #left #danhmucsp{
	
	background-color:#903;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #left #danhmucsp #khungdanhmucsp{
	width:150px;
	height:25px;
	margin-left:40px;
	margin-top:6px;
	float:left;
}
#container #contain #left #danhmucsp #khungdanhmucsp a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
#container #contain #left #danhmucsp p{ 
	margin-top:1px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

#container #footer{
	background-color:#004184;
	height230px;
	width:1100px;
	float:left;
	margin-top:350px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/*Phần điều khiển nội dung ô footer*/
#container #footer #noidung{
	width:560px;
	height:220px;
	margin-top:9px;
	margin-left:9px;
	background-color:#004184;
	float:left;
}
#container #footer #noidung a{
	color:#fff;
}
#container #footer #productvietnam{
	width:150px;
	height:20px;
    margin-top:70px; 
	background-color:#004184;
	float:right;
}
#container #footer #productvietnam {
	color:#fff;
}
/*Kết thúc footer*/
/* Phần tiếp theo là điều khiển khung hình*/

#container #contain #millder #khungngoai{
	width:694;
	height:205px;	
}

#container #contain #millder #khungngoai #khunghinh{
	width:694px; /* be ngang khung hinh sẽ nhảy sang bên*/
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

#container #contain #millder #khungngoai #khunghinh .holder{
	width:320px;
	height:280px;
	background-image:url(); /*chèn hình nền nổi vào*/
	float:left;
	margin-left:14px;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;border-radius: 5px;
	
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	-moz-box-shadow: #B3B3B3 3px 3px 3px;
	 box-shadow: #B3B3B3 3px 3px 3px;
    
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung{
	margin-left:25px;
	color:#3AA0D0;
	width:289px;
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung dl dt a{
	text-decoration:none;
	color:#3AA0D0;
	
}
#container #contain #millder #khungngoai #khunghinh .holder .thumb {
	width:140px;
	heigh:120px;
	margin-top:0px;
	margin-left:30px;
	margin-right:42px;
}

.clearfloat{
	clear:both;
}
#container #contain #millder #khungngoai #khunghinh .holder .title{
	width:270px;
	height:30px;
	margin-left:20px;
	margin-right:auto;
	margin-top:5px;
}

#container #contain #millder #khungngoai #khunghinh .holder .title h4{
	margin:0;
}
#container #contain #millder #khungngoai #khunghinh .holder .title h5{
	margin:0;
	color:#900;
}

#container #sotrang{
	background-color:#FFF;
	margin-top:0px;
	width:500px;
	height:40px;
	margin-left:350px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}
#container #sotrang #khungso {
	width:30px;
	height:30px;
	margin-left:40px;
	margin-top:5px;
	background-color:#903;	
	-moz-border-radius: 9px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 9px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 9px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
	
}

#container #sotrang #khungso .doimaukhungso{
	background-color:#0CC;
	width:30px;
	height:30px;
	-moz-border-radius: 7px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 7px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 7px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
}

#container #sotrang #khungso .so h2{
	margin-left:9px;
	margin-top:0px;
	color:#FFF;
	
}
#container #sotrang #khungso .so h2 a{
	text-decoration:none;
	color:#fff;
	
}
#container #contain  #mahang{
	margin-top:40px;
	height:30px;	
	width:657px;
	margin-left:222px;
	background-color:#EDEEEF;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
	
}



	
#container #contain  #mahang #khungmahang .mahang h2{
	margin-left:20px;
	color:#C03;
	
}

/*Phần điều khiển cho phần nội dung small, nơi chứa thông tin vắn tắt cho từng sản phẩm*/
#container #contain #millder #noidungsmall {
	width:657px;
	height:145px;
	margin-left:15px;
	margin-top:5px;
	float:left;
	background-color:#D0D3D8;
	
}

#container #contain #millder #noidungsmall #hinh{
	width:130px;
	height:130px;
	margin-top:7px;
	margin-left:8px;
	background-color:#FFF;
	
}
#container #contain #millder #noidungsmall #hinh img{
	float:left;	
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung{
	width:500px;
	height:130px;
	margin-top:7px;
	margin-left:140px;
	background-color:#D0D3D8;
	
    
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma {
	height:30px;
	width:100px;
	background-color:#D0D3D8;
	float:left;
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien{
	width:350px;
	margin-top:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien a{
	margin-top:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #giatien{
	width:160px;
	height:130px;
	margin-top:0px;
	margin-left:340px;
	background-color:#30F;
}

#container #contain #millder #noidungsmall #hinh #vietnoidung #giaban{
	height:30px;
	float:right;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban  h2{
	float:right;
	color:#F00;
	margin-top:0px;
	margin-right:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #osoluong{
	margin-top:0px;
	margin-right:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail{
	background-color:#69A944;
	margin-top:30px;
	margin-left:30px;
	
	-moz-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 8px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail a{
	margin-left:6px;
}
/* phần điều khiển thanh horizontal*/

.cssmenu ul {
	margin-top:3px; 
	padding: 7px 6px 0; 
	background: #84A6CE url(images/overlay.png) repeat-x 0 -110px;/*màu nền thanh horizontal*/
	line-height: 100%;        
	border-radius: 1em; 
	font: normal .96em/1.5em Arial, Helvetica, sans-serif; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);

	
	}
	
.cssmenu li {
	margin: 0 5px; 
	padding: 0 0 8px; 
	float: left; 
	position: relative; 
	list-style: none; 
	}
	
.cssmenu a {
	font-weight: bold; 
	color: #e7e5e5; /* Đổi màu chữ thanh horizontal*/
	text-decoration: none; 
	display: block; 
	padding:  8px 20px; 
	margin: 0; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;	 
	text-shadow: 0 1px 1px rgba(0,0,0, .3); 
	}
	
.cssmenu a:hover {
	background:#000;
	color:#FFF;
	}
	
.cssmenu .active a, /*Dòng này cho phép làm nổi mục đang làm việc*/ 
.cssmenu li:hover > a {
	background: #007DBF url(images/overlay.png) repeat-x 0 -40px; 
	color:#F00; /* Đổi màu thanh horizontal khi gê chuột tới*/
	border-top: solid 1px #f8f8f8; 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	text-shadow: 0 1px 0 rgba(255,255,255, 1); 
	}
.cssmenu ul ul li:hover a,
.cssmenu li:hover li a {
	background: none; 
	border: none; 
	color:#F00; /* Chữ xổ xuống bật 1 hiện ra màu đỏ*/
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	}
	
.cssmenu ul ul a:hover {
	background:#8f8f8f url(images/overlay.png) repeat-x 0 -100px !important; /* Nền sổ xuống chuyển màu khi gê chuột*/
	color:#FF !important; /* Đổi màu menu xổ bật 1*/
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	}
	
.cssmenu li:hover > ul {display: block;}
.cssmenu ul ul {
	display: none; 
    margin: 0; 
    padding: 0; 
    width: 195px; 
    position: absolute; 
    top: 40px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul ul{ /*dòng này cho phép hiện thêm menu con*/
	display: none; 
    margin: 0 98%; 
    padding: 0; 
    width: 200px; /* Điều chỉnh bề ngang của menu con*/
    position: absolute; 
    top: 10px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul li {
	float: none; 
	margin: 0; 
	padding: 3px; 
	}
	
.cssmenu ul ul a {
	font-weight: normal; 
	text-shadow: 0 1px 0 #fff; 
	}
.cssmenu ul:after {
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; height: 0;
	}
	
* html .cssmenu  ul {height: 1%;}


/* Code cho Vertical*/
#menu8 {
	width: 200px;
	font:normal 0.7em/1.2em
	margin-top:1px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color:#F00; /* Mau chữ nền cho vertical*/
	display: block;
	padding: 8px 0 0 20px;
	background-color: url(../images/menu8.gif);
	background-image: url(../images/menu8.gif);
}
	
#menu8 li a:hover {
	color:#903; /* Mau chữ vertical se chuyển trạng thái khi tác động*/
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}